<!DOCTYPE html>
<!--[if lte IE 9]> <html lang="en" class="no-js lte-ie9"> <![endif]-->
<!--[if gt IE 9]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>首页 - 润泰</title>
  <link rel="stylesheet" href="./public/theme/dist/css/me.css">
  <!--[if IE 8]>
  <script src="./public/theme/dist/scripts/package/compat/html5shiv.js"></script>
  <script src="./public/theme/dist/scripts/package/compat/respond.js"></script>
<![endif]-->
</head>

<body>
  <div id="progress">
    <span></span>
  </div>
  <header>
    <div class="container_1200">
      <div class="logo fl"><img src="./public/theme/dist/images/h_logo.png" alt=""></div>
      <nav class="fr">
        <a data-pjax href="index.html">首页</a>
        <a data-pjax href="about.html">关于润泰</a>
        <a data-pjax href="products.html">产品中心</a>
        <a data-pjax href="solution.html">解决方案</a>
        <a data-pjax href="future.html">能源未来</a>
        <a data-pjax href="news.html">新闻动态</a>
        <a data-pjax href="contact.html">联络我们</a>
      </nav>
    </div>
  </header>
  <main >
    <article class="index" data-main="index">
      <section class="banner">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide" style="background-image:url(public/theme/dist/images/banner1.jpg);"></div>
            <div class="swiper-slide" style="background-image:url(public/theme/dist/images/banner2.jpg);"></div>
            <div class="swiper-slide" style="background-image:url(public/theme/dist/images/banner3.jpg);"></div>
          </div>
          <!-- Add Pagination -->
          <div class="swiper-pagination"></div>
        </div>
      </section>
      <section class="i_about p_T50">
        <div class="container_1200">
          <div class="tit"><img src="./public/theme/dist/images/i_a_tit.png" alt=""></div>
          <div class="swiper-container">
            <div class="swiper-wrapper">
              <div class="swiper-slide animate-element bottom-to-top" >
                <div class="title animate-element bottom-to-top">经营范围</div>
                <div class="des">黑龙江润泰环保能源材料有限公司从事<span>醇基燃料及天然气</span>的技术研发生产及设备制造的高科技企业。</div>
                <div class="ico"><img src="./public/theme/dist/images/i_a_pic1.jpg" alt=""></div>
              </div>
              <div class="swiper-slide animate-element bottom-to-top" >
                <div class="title">公司理念</div>
                <div class="des">润泰公司坚持以<span>科技</span>为导向，以<span>研发新能源</span>为己任，坚走产、学、研，院企联合发展道路。</div>
                <div class="ico"><img src="./public/theme/dist/images/i_a_pic2.jpg" alt=""></div>
              </div>
              <div class="swiper-slide animate-element bottom-to-top" >
                <div class="title">应用领域</div>
                <div class="des">现在醇基燃料与天然气广泛应用于<span>餐饮，食堂，学校等，工业采暖，民用采暖领域</span>也在越来越多的使用生物醇油。</div>
                <div class="ico"><img src="./public/theme/dist/images/i_a_pic3.jpg" alt=""></div>
              </div>
            </div>
            <!-- Add Pagination -->
            <!-- <div class="swiper-pagination"></div> -->
          </div>
        </div>
      </section>
      <section class="i_what animate-element bottom-to-top">
        <div class="container_1200">
          <div class="tit fl animate-element bottom-to-top">
            <div class="text">什么是<b>醇基燃料？</b></div>
            <ul>
              <li>性能稳定</li>
              <li>燃烧值高</li>
              <li>节能环保</li>
            </ul>
            <a class="more" href="">MORE <i class="fuck-arrow-right"></i></a>
          </div>
          <div class="inner fr animate-element bottom-to-top">
            <div class="des">
            　　醇基燃料就是以醇类（如甲醇、乙醇、丁醇等）物质为主体配置的燃料。它是以液体或者固体形式存在的。它也是一种生物质能，和核能、太阳能、风力能、水力能一样，是各国政府目前大力推广的环保洁净能源；面对石化能源的枯竭，醇基燃料是最有潜力的新型替代能源，深受各国企业组织的青睐。 醇基燃料经过十余年的实验与实践，证明完全可以被市场所接受，并得到广大用户的一致好评。
            </div>
            <ul>
              <li class="animate-element bottom-to-top">
                <i class="ico green"></i>
                <p>产品保证</p>
              </li>
              <li class="animate-element bottom-to-top">
                <i class="ico blue"></i>
                <p>优质服务</p>
              </li>
              <li class="animate-element bottom-to-top">
                <i class="ico orgin"></i>
                <p>好评如潮</p>
              </li>
            </ul>
          </div>
        </div>
      </section>
      <section class="i_youshi p_T70">
        <div class="container_1200">
          <div class="tit animate-element bottom-to-top"><img src="./public/theme/dist/images/i_ys_tit.png" alt=""></div>
          <div class="dbtit animate-element bottom-to-top">产品优势<i class="fuck-angle-double-right"></i></div>
          <div class="pk_pic animate-element bottom-to-top">
            <img src="./public/theme/dist/images/pk_pic.png" alt="">
          </div>
          <div class="pk_list">
            <div class="item animate-element bottom-to-top ">
              <div class="pk_l animate-element left-to-right">醇基燃料具有清洁卫生、无异味，不刺眼，属国家鼓励发展的生物质清洁能源。</div>
              <div class="pk_i_1 pk_i">
                <img src="./public/theme/dist/images/pk_i_1.png" alt="">
              </div>
              <div class="pk_r animate-element right-to-left">现在许多燃料都会造成空气污染、环境受到破坏等问题。</div>
            </div>
            <div class="item animate-element bottom-to-top ">
              <div class="pk_l lang animate-element left-to-right">原材料来源广泛，价格低廉，生产配置简单，储存运输使用安全方便，<br/>用普通朔料桶或铁通即可。</div>
              <div class="pk_i_1 pk_i">
                <img src="./public/theme/dist/images/pk_i_2.png" alt="">
              </div>
              <div class="pk_r animate-element right-to-left">柴油、液化气价格逐年攀升！生活、生产成本不断上升。</div>
            </div>
            <div class="item animate-element bottom-to-top ">
              <div class="pk_l lang animate-element left-to-right">燃烧过程在敞开的燃烧器内完成，绝无压力产生爆炸的危险，<br/>也不会因为漏气而产生煤气中毒。</div>
              <div class="pk_i_1 pk_i">
                <img src="./public/theme/dist/images/pk_i_3.png" alt="">
              </div>
              <div class="pk_r animate-element right-to-left">燃烧不充分会产生大量黑岩、油雾、碳粒等有毒致癌物。</div>
            </div>
            <div class="item animate-element bottom-to-top ">
              <div class="pk_l lang animate-element left-to-right">醇基燃料是以甲醇为基础新开发的一种环保生物燃料，在常温常压下储存、<br/>运输、使用，无需高压钢瓶存储。</div>
              <div class="pk_i_1 pk_i">
                <img src="./public/theme/dist/images/pk_i_4.png" alt="">
              </div>
              <div class="pk_r animate-element right-to-left">一些燃料需要特殊设备进行储存。</div>
            </div>
          </div>
        </div>
      </section>
      <section class="i_trq animate-element bottom-to-top">
        <div class="container_1200">
          <div class="tit animate-element bottom-to-top">
            <div class="text">天然气</div>
            <ul>
              <li>运输</li>
              <li>销售</li>
              <li>安装</li>
            </ul>
            <a class="more"   href=""><i class="fuck-arrow-left"></i>MORE </a>
          </div>
        </div>
      </section>
      <section class="i_qyys p_T60 animate-element bottom-to-top">
        <div class="container_1200">
          <div class="tit animate-element bottom-to-top">
            <span>企业优势<i class="fuck-angle-double-right"></i></span>
          </div>
          <div class="inner p_T80 p_B100 animate-element bottom-to-top">
            <img src="./public/theme/dist/images/qyys.png" alt="">
          </div>
        </div>
      </section>
      <section class="i_service p_T30 p_B50">
        <div class="container_1200">
          <div class="tit"><img src="./public/theme/dist/images/service_tit.png" alt=""></div>
          <div class="inner m_T50">
            <div class="left fl">
              <div class="top">
                <div class="title animate-element fade-in">
                  <div class="ch p_T50">案例展示</div>
                  <div class="en p_T10">CASE DISPLAY </div>
                  <div class="line lang m_T10"></div>
                  <div class="line"></div>
                </div>
                <div class="pic animate-element fade-in" style="background-image:url(public/theme/dist/images/i_case1.png)"></div>
              </div>
              <div class="bottom animate-element fade-in" style="background-image:url(public/theme/dist/images/i_case2.png)"></div>
            </div>
            <div class="middle fl" >
              <div class="top animate-element fade-in" style="background-image:url(public/theme/dist/images/i_case3.png)"></div>
              <div class="bottom animate-element fade-in" style="background-image:url(public/theme/dist/images/i_case4.png)"></div>
            </div>
            <div class="right fl">
              <div class="top animate-element fade-in" style="background-image:url(public/theme/dist/images/i_case5.png)"></div>
              <div class="bottom animate-element fade-in" >
                <a href="case.html">
                  <div class="ch p_T50">查看更多</div>
                  <div class="en p_T10">CASE MORE</div>
                  <img src="./public/theme/dist/images/jia.png" alt="">
                </a>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="i_contact animate-element bottom-to-top">
        <div class="container_1200">
          <div class="tit animate-element bottom-to-top"><img src="./public/theme/dist/images/i_c_tit.png" alt=""></div>
          <div class="list">
            <div class="item bor animate-element bottom-to-top">
              <div class="ico">
                <img src="./public/theme/dist/images/address.png" alt="">
              </div>
              <div class="title">公司地址</div>
              <div class="line"></div>
              <div class="des">哈尔滨市呼兰区东直路410号</div>
            </div>
            <div class="item animate-element bottom-to-top">
              <div class="ico">
                <img src="./public/theme/dist/images/lianxi.png" alt="">
              </div>
              <div class="title">联系方式</div>
              <div class="line"></div>
              <div class="des">0451-57331805  400-686-2827</div>
            </div>
            <div class="item mRn animate-element bottom-to-top">
              <div class="ico">
                <img src="./public/theme/dist/images/email.png" alt="">
              </div>
              <div class="title">电子邮件</div>
              <div class="line"></div>
              <div class="des">hrbjtgl@163.com</div>
            </div>
          </div>
        </div>
      </section>
    </article>
  </main>
  <footer>
    <div class="footer-top">
      <div class="containern_1200">
        <div class="logo fl"><img src="./public/theme/dist/images/h_logo.png" alt=""></div>
        <div class="nav fl">
          <ul>
            <li><a data-pjax href="about.html">关于润泰</a></li>
            <li><a data-pjax href="">润泰产品</a></li>
            <li><a data-pjax href="solution.html">解决方案</a></li>
          </ul>
          <ul>
            <li><a data-pjax href="future.html">能源未来</a></li>
            <li><a data-pjax href="news.html">新闻动态</a></li>
            <li><a data-pjax href="contact.html">联络我们</a></li>
          </ul>
        </div>
        <div class="form fr">
          <div class="tit">留言板</div>
          <label for="msg">请将您的宝贵意见第一时间告诉我们</label>
          <textarea name="msg" id="msg" ></textarea>
          <a href="">留言<span class="fuck-arrow-right2"></span></a>
        </div>
        <div class="clearfix"></div>
      </div>
    </div>
    <div class="footer-bar">
      copyright © 2017Runtai all right reserved 京icp备09050280号. 网站建设：无限力创
    </div>
  </footer>
  <div class="backtotop">
    <a href="javascript:void(0);"></a>
  </div>
  <script src="./lib/require.js" data-main="./public/theme/dist/scripts/me"></script>
</body>

</html>
